<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/context/mytags.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <t:base type="jquery,easyui,tools,DatePicker,ckeditor"></t:base>
    <link rel="stylesheet" href="${webRoot}/plug-in/lhgDialog/skins/blue.css"/>
    <link rel="stylesheet" href="${webRoot}/plug-in/lhgDialog/skins/default.css"/>
    <script type="text/javascript" src="${webRoot}/plug-in/ajaxfileupload/ajaxfileupload.js"></script>
    <script type="text/javascript" charset="utf-8"
            src="${webRoot}/plug-in/ueditor1_4_3-utf8-jsp/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8"
            src="${webRoot}/plug-in/ueditor1_4_3-utf8-jsp/ueditor.all.min.js"></script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8"
            src="${webRoot}/plug-in/ueditor1_4_3-utf8-jsp/lang/zh-cn/zh-cn.js"></script>
    <script type="text/javascript" charset="utf-8" src="${webRoot}/plug-in/QQgeo/geo.js"></script>
    <script type="text/javascript" charset="utf-8" src="${webRoot}/plug-in/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript">
        //Ajax文件上传
        function f_file_upload(fileInputId, imgId, valueId) {
            var path = $("#" + fileInputId).val();

            var pos1 = path.lastIndexOf("\\");
            var pos2 = path.lastIndexOf(".");

            var fileName = path.substring(pos1 + 1, pos2);

            var result = path.substring(pos2 + 1, path.length);

            var imgs = ".bmp.jpg.dib.jpeg.png.jfif.jpe.tif.tiff.gif.BMP.JPG.DIB.JPEG.PNG.JFIF.JPE.TIF.TIFF.GIF";
            //文件类型 false为压缩包
            var boo = false;
            if (imgs.indexOf(result) > -1) {
                boo = true;
            } else {
                tip(" 只能上传后缀为 " + imgs + " 的文件！");
                $("#" + fileInputId).val("");
                return;
            }

            $.ajaxFileUpload({
                url: '${webRoot}/myFileUpload/uploadImageScale.do',
                secureuri: false,
                fileElementId: fileInputId,
                //dataType: 'json',
                success: function (data) {
                    var data2 = data.split(",");
                    var url = data2[0].replace(" ", "");
                    fileName = data2[1].replace(" ", "");

                    $("#" + imgId).attr("src", "${webRoot}/" + url);
                    $("#" + valueId).val(url);
                },
                error: function (data) {

                    console.log("error");
                    console.log(data);
                }
            });
        }
    </script>
</head>

<body scroll="no">
<%--<t:formvalid formid="recordForm" dialog="true" usePlugin="password" layout="table"--%>
<%--action="recordController.do?saveorupdate">--%>
<input name="vid" type="hidden" value="${record.vid}">

<div class="new_table_list">
    <table cellpadding="0" cellspacing="1" class="formtable" style="padding-left: 50px">
        <tbody>
        <tr>
            <th colspan="4">视频信息</th>
        </tr>
        <%--<tr>--%>
            <%--<td align="left" style="width: 150px">--%>
                <%--<label class="Validform_label">--%>
                    <%--视频名称:--%>
                <%--</label>--%>
            <%--</td>--%>
            <%--<td class="txt_left value" colspan="3">--%>
                <%--<input class="inputxt" style="width: 600px;" name="name" value="${record.videoName}" maxlength="32"--%>
                       <%--datatype="*">--%>
                <%--<span class="Validform_checktip"></span>--%>
            <%--</td>--%>
            <%--<td align="left" style="width: 100px">--%>
                <%--<label class="Validform_label">--%>
                    <%--存储路径:--%>
                <%--</label>--%>
            <%--</td>--%>
            <%--<td class="txt_left value">--%>
                <%--<input class="inputxt" style="width: 150px;" name="name" value="${record.origVideoKey}" maxlength="32"--%>
                       <%--datatype="*">--%>
                <%--<span class="Validform_checktip"></span>--%>
            <%--</td>--%>
        <%--</tr>--%>
        <tr>
            <td align="left" style="width: 100px">
                <label class="Validform_label">
                    直播人:
                </label>
            </td>
            <td class="txt_left value">
                <input class="inputxt" style="width: 200px;" name="name" value="${record.uid}" maxlength="32"
                       datatype="*">
                <span class="Validform_checktip"></span>
            </td>
            <td align="left" style="width: 100px">
                <label class="Validform_label">
                    频道名称:
                </label>
            </td>
            <td class="txt_left value">
                <input class="inputxt" style="width: 200px;" name="name" value="${record.name}" maxlength="32"
                       datatype="*">
                <span class="Validform_checktip"></span>
            </td>
        </tr>
        <%--<tr>--%>
            <%--<td align="left" style="width: 100px">--%>
                <%--<label class="Validform_label">--%>
                    <%--录制时长:--%>
                <%--</label>--%>
            <%--</td>--%>
            <%--<td class="txt_left value">--%>
                <%--<input class="inputxt" style="width: 200px;" name="name" value="${record.name}" maxlength="32"--%>
                       <%--datatype="*">--%>
                <%--<span class="Validform_checktip"></span>--%>
            <%--</td>--%>
            <%--<td align="left" style="width: 100px">--%>
                <%--<label class="Validform_label">--%>
                    <%--视频大小:--%>
                <%--</label>--%>
            <%--</td>--%>
            <%--<td class="txt_left value">--%>
                <%--<input class="inputxt" style="width: 200px;" name="name" value="${record.name}" maxlength="32"--%>
                       <%--datatype="*">--%>
                <%--<span class="Validform_checktip"></span>--%>
            <%--</td>--%>
        <%--</tr>--%>
        <tr>
            <td align="left" style="width: 100px">
                <label class="Validform_label">
                    直播标签:
                </label>
            </td>
            <td class="txt_left value">
                <input class="inputxt" style="width: 200px;" name="name" value="${record.secondClassed}" maxlength="32"
                       datatype="*">
                <span class="Validform_checktip"></span>
            </td>
            <td align="left" style="width: 100px">
                <label class="Validform_label">
                    类型:
                </label>
            </td>
            <td class="txt_left value">
                <t:dictSelect field="type" typeGroupCode="vodType" defaultVal="${record.type}"
                              hasLabel="false" extendJson="{nullmsg:''}"></t:dictSelect>
            </td>
        </tr>
        <%--<tr>--%>
            <%--<td align="left" style="width: 100px">--%>
                <%--<label class="Validform_label">--%>
                    <%--视频地址:--%>
                <%--</label>--%>
            <%--</td>--%>
            <%--<td class="txt_left value">--%>
                <%--<input class="inputxt" style="width: 200px;" name="name" value="${studioEntity.name}" maxlength="32"--%>
                       <%--datatype="*">--%>
                <%--<span class="Validform_checktip"></span>--%>
            <%--</td>--%>
            <%--<td align="left" style="width: 100px">--%>
                <%--<label class="Validform_label">--%>
                    <%--下载地址:--%>
                <%--</label>--%>
            <%--</td>--%>
            <%--<td class="txt_left value">--%>
                <%--<input class="inputxt" style="width: 200px;" name="name" value="${record.name}" maxlength="32"--%>
                       <%--datatype="*">--%>
                <%--<span class="Validform_checktip"></span>--%>
            <%--</td>--%>
        <%--</tr>--%>
        <tr>
            <td align="left" style="width: 100px">
                <label class="Validform_label">
                    直播简介:
                </label>
            </td>
            <td class="txt_left value" colspan="3">
                 <textarea style="width: 600px;height: 100px;"
                           name="studioDesc"> ${record.video}</textarea>
            </td>
        </tr>
        <tr>
            <td align="left" colspan="4">
                <video width="600" height="400" controls>
                    <!-- 兼容 Firefox -->
                    <source src="${record.video}" type="video/ogg" />
                    <!-- 兼容 Safari/Chrome-->
                    <source src="${record.video}" type="video/mp4" />
                    <!-- 如果浏览器不支持video标签，则使用flash -->
                    <embed src="${record.video}" type="application/x-shockwave-flash"
                           width="600" height="400" allowscriptaccess="always" allowfullscreen="true"></embed>
                </video>
            </td>
        </tr>

        <%--<tr>--%>
        <%--<td align="left" style="width: 100px">--%>
        <%--<label class="Validform_label">--%>
        <%--视频名称:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value" colspan="3">--%>
        <%--<input class="inputxt" style="width: 670px;" name="name" value="${studioEntity.name}" maxlength="32"--%>
        <%--datatype="*">--%>
        <%--<span class="Validform_checktip"></span>--%>
        <%--</td>--%>
        <%--</tr>--%>
        <%--<tr>--%>
        <%--<td align="left">--%>
        <%--<label class="Validform_label">--%>
        <%--存储路径:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value" colspan="3">--%>
        <%--<input type="hidden" id="creator" name="creator"--%>
        <%--value="${studioEntity.consultantEntity.aCustomerEntity.customerId}">--%>
        <%--<input type="inputxt" id="showName"--%>
        <%--value="${studioEntity.consultantEntity.aCustomerEntity.realname}"--%>
        <%--readonly="readonly" nullmsg='请选择咨询师' style="width: 150px;" datatype="*">--%>
        <%--&lt;%&ndash;<t:choose name="consultantList" hiddenName="creator" hiddenid="consultantId"&ndash;%&gt;--%>
        <%--&lt;%&ndash;url="consultantController.do?selectConsultantView"&ndash;%&gt;--%>
        <%--&lt;%&ndash;icon="icon-search" title="选择咨询师" inputTextname="showName"&ndash;%&gt;--%>
        <%--&lt;%&ndash;textname="realName" isclear="false" width="650px" height="450px" fun=""></t:choose>&ndash;%&gt;--%>
        <%--<span class="Validform_checktip"></span>--%>
        <%--</td>--%>
        <%--</tr>--%>
        <%--<tr>--%>
        <%--<td align="left">--%>
        <%--<label class="Validform_label">--%>
        <%--所在地:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value" colspan="3">--%>
        <%--<select id="s1" name="province" style="width: 100px" datatype="*"></select>--%>
        <%--<select id="s2" name="city" style="width: 100px" datatype="*"></select>--%>
        <%--<select id="s3" name="area" style="width: 100px" datatype="*"></select>--%>
        <%--</td>--%>
        <%--</tr>--%>
        <%--<tr>--%>
        <%--<td align="left">--%>
        <%--<label class="Validform_label">--%>
        <%--工作室地址:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value" colspan="3">--%>
        <%--<input class="inputxt" style="width: 670px;" name="address" value="${studioEntity.address}"--%>
        <%--maxlength="32">--%>
        <%--&lt;%&ndash;datatype="*"&ndash;%&gt;--%>
        <%--<span class="Validform_checktip"></span>--%>
        <%--</td>--%>
        <%--</tr>--%>
        <%--<tr>--%>
        <%--<td align="left">--%>
        <%--<label class="Validform_label">--%>
        <%--工作室描述:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value" colspan="3">--%>
        <%--<textarea style="width: 670px;height: 100px;"--%>
        <%--name="studioDesc"> ${studioEntity.studioDesc}</textarea>--%>
        <%--<span class="Validform_checktip"></span>--%>
        <%--</td>--%>
        <%--</tr>--%>
        <%--<tr>--%>
        <%--<td align="left">--%>
        <%--<label class="Validform_label">--%>
        <%--擅长领域:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value" colspan="3">--%>
        <%--<textarea id="secondClassesTag" readonly="readonly" style="width: 600px;height: 50px;">${showFields}</textarea>--%>
        <%--<input type="hidden" id="secondClasses" name="fields" value="${studioEntity.fields}">--%>
        <%--&lt;%&ndash;<a href="javascript:void(0);" onclick="add_second_classes()">选择标签</a>&ndash;%&gt;--%>

        <%--</td>--%>

        <%--</tr>--%>
        <%--<tr>--%>
        <%--&lt;%&ndash;<td align="left">&ndash;%&gt;--%>
        <%--&lt;%&ndash;<label class="Validform_label">&ndash;%&gt;--%>
        <%--&lt;%&ndash;认证类型:&ndash;%&gt;--%>
        <%--&lt;%&ndash;</label>&ndash;%&gt;--%>
        <%--&lt;%&ndash;</td>&ndash;%&gt;--%>
        <%--&lt;%&ndash;<td class="txt_left value">&ndash;%&gt;--%>
        <%--&lt;%&ndash;<input class="inputxt" style="width: 200px;"&ndash;%&gt;--%>
        <%--&lt;%&ndash;value="${studioEntity.consultantEntity.isExpert==1?"专家工作室":"普通工作室"}" maxlength="32">&ndash;%&gt;--%>
        <%--&lt;%&ndash;</td>&ndash;%&gt;--%>
        <%--<td align="left">--%>
        <%--<label class="Validform_label">--%>
        <%--认证标签:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value" colspan="3" id="showCheckBox">--%>
        <%--<input type="hidden" id="authTag" name="authTag" value="${studioEntity.authTag}"/>--%>
        <%--</td>--%>
        <%--&lt;%&ndash;<textarea&ndash;%&gt;--%>
        <%--&lt;%&ndash;style="width: 200px;height: 50px;">${studioEntity.consultantEntity.secondClasses}</textarea>&ndash;%&gt;--%>
        <%--</tr>--%>
        <%--<tr>--%>
        <%--<td align="left">--%>
        <%--<label class="Validform_label">--%>
        <%--主题图片:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value">--%>
        <%--<img id="imageThumbImg"--%>
        <%--src='${webRoot}/${studioEntity.image==null||studioEntity.image==''?"upload/none.jpg":studioEntity.image}'--%>
        <%--class="viewimg" alt="预览" title="预览" width="200px;" height="100px;">--%>
        <%--&lt;%&ndash;<a href="javascript:;" class="uploadimg"&ndash;%&gt;--%>
        <%--&lt;%&ndash;onclick="javascript:$(this).next().trigger('click')">上传图片</a>&ndash;%&gt;--%>
        <%--<input type="file" style="display: none;" name="file" id="image"--%>
        <%--onchange="f_file_upload('image','imageThumbImg','imageThumb')"/>--%>
        <%--<input type="hidden" name="image" id="imageThumb"--%>
        <%--value='${studioEntity.image}'/>--%>
        <%--</td>--%>
        <%--<td align="left">--%>
        <%--<label class="Validform_label">--%>
        <%--营业执照:--%>
        <%--</label>--%>
        <%--</td>--%>
        <%--<td class="txt_left value">--%>
        <%--<img id="yyzzThumbImg2"--%>
        <%--src='${webRoot}/${studioEntity.yyzz==null||studioEntity.yyzz==''?"upload/none.jpg":studioEntity.image}'--%>
        <%--class="viewimg" alt="预览" title="预览" width="200px;" height="100px;">--%>
        <%--&lt;%&ndash;<a href="javascript:;" class="uploadimg"&ndash;%&gt;--%>
        <%--&lt;%&ndash;onclick="javascript:$(this).next().trigger('click')">上传图片</a>&ndash;%&gt;--%>
        <%--<input type="file" style="display: none;" name="file" id="yyzz"--%>
        <%--onchange="f_file_upload('yyzz','yyzzThumbImg2','yyzzThumb')"/>--%>
        <%--<input type="hidden" name="yyzz" id="yyzzThumb"--%>
        <%--value='${studioEntity.yyzz}'/>--%>
        <%--</td>--%>
        <%--</tr>--%>
    </table>
</div>
<%--</t:formvalid>--%>
<script>
    $(function () {
        //设定页面只可以查看，不可以编辑
        $("input").attr("readonly", true);
        $("input").css("color", "#929292");

        $("textarea").attr("readonly", true);
        $("textarea").css("color", "#929292");


        $("select").attr("disabled", "disabled");
        <%--$("img").css("color", "#929292");--%>

        <%--var isReview = "${studioEntity.isReview}";--%>
        <%--$("#reviewStatus").val(isReview);--%>
        <%--$("#reviewStatus").css("color", "#929292");--%>
        $("select").attr("disabled", "disabled");
    });


    function initBQ() {
        var authTag = "," + $("#authTag").val() + ",";
        //var a = authTag.split(",");
        $.post("studioController.do?ts_typeList", {}, function (data) {
            var h = "";
            for (var i = 0; i < data.length; i++) {
                var typecode = data[i]['typecode'];
                var typename = data[i]['typename'];
                if (authTag.indexOf("," + typecode + ",") > -1) {
                    var obj = '<label><input class="bq" name="chk" id="tag' + typecode + '" type="checkbox" onclick="boxChecked()" value="' + typecode + '" checked="checked" disabled="disabled"/>' + typename + ' </label>';
                } else {
                    var obj = '<label><input class="bq" name="chk" id="tag' + typecode + '" type="checkbox" onclick="boxChecked()" value="' + typecode + '" disabled="disabled"/>' + typename + ' </label>';
                }
                h += obj;
            }
            $("#showCheckBox").append(h);
        }, "json");
    }

    function boxChecked() {
        var bq = "";
        var objs = $('input[name="chk"]');
        for (var i = 0; i < objs.length; i++) {
            var obj = objs.eq(i);
            if (obj.prop("checked")) {
                bq += (obj.val() + ",");
            }
        }
        $("#authTag").val(bq);

    }

    /**
     * 添加标签
     * @param second_classes
     */
    function add_second_classes(second_classes) {
        var title = "添加标签";
        var url = "consultantController.do?secondClasses&ids=" + second_classes + "&upiframename=" + window.name;
        createwindow(title, url, 580, 530);
    }

    /**
     * 分类回调
     */
    function classes_callback(fname, ids, tags) {
        $("iframe[name=" + fname + "]", this.parent.parent.document)[0].contentWindow.f_closeWindow();
        $("#secondClasses").val(ids);
        $("#secondClassesTag").html(tags);
    }
</script>
</body>

</html>